<script setup>
import {ref,defineProps,onMounted} from "vue"
import {router} from "../router"

// const isClick = ref(false)

const props = defineProps({
    name:{type:String},
    isClick:{type:Boolean},
    type:{type:String},
    num:{type:String},
})

//跳转页面
const isGoToPage = () => {
    router.replace(`/learn/ismy/${props.type}/${props.num}`)
}

const onSelect = () => {
}

onMounted(()=>{

})

</script>

<template>
    <div class="dialogFK Select" v-if="props.isClick">
        <span>{{props.name}}</span>
    </div>
    <div class="dialogFK" v-else @click="isGoToPage()">
        <span>{{props.name}}</span>
    </div>
</template>

<style scoped>
.dialogFK{
    margin-bottom: 10%;
    width: 100%;
    height: 7%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.Select{
    color: rgba(0, 100, 250, 1);
}
</style>